/*
    获取轮播的数据
*/ 
$(function () {
    $.ajax(`${baseUrl}/slides`, {
        success: function (res) {
            const newHtml = template('swipe-id', {swipeList: res, baseUrl: baseUrl})
            console.log(newHtml);
            $('.swipe-wrapper').html(newHtml)
            // 因为这里对元素进行添加，所以也要在次对元素进行操作， 操作才能生效

            var swiper = Swipe(document.querySelector('.swipe'), {
                auto: 3000,
                transitionEnd: function (index) {
                  // index++;
          
                  $('.cursor span').eq(index).addClass('active').siblings('.active').removeClass('active');
                }
              });
          
              // 上/下一张
              $('.swipe .arrow').on('click', function () {
                var _this = $(this);
          
                if(_this.is('.prev')) {
                  swiper.prev();
                } else if(_this.is('.next')) {
                  swiper.next();
                }
              })
        },
        error: function (err) {
            console.log(err);
        }
    })


    
})